<template>
  <div class="box-right">
<!--    <div class="right-icon" @click="kefu">-->
<!--      <img class="tubiao" src="../assets/images/kefu.png" alt="">-->
<!--      <div class="right-icon-title">在线客服</div>-->
<!--    </div>-->
<!--    <el-popover-->
<!--        placement="left"-->
<!--        width="100"-->
<!--        height="100"-->
<!--        trigger="hover"-->
<!--        content="">-->
<!--      <template>-->
<!--        <div><img class="ewmxz" src="../assets/images/gfapp.png" alt=""></div>-->
<!--      </template>-->
<!--      <div slot="reference" class="right-icon">-->
<!--        <img class="tubiao" src="../assets/images/APP.png" alt="">-->
<!--        <div class="right-icon-title">官方APP</div>-->
<!--      </div>-->
<!--    </el-popover>-->

    <el-popover
        placement="left"
        width="100"
        height="100"
        trigger="hover"
        content="">
      <template>
        <div><img class="ewmxz" src="../assets/images/gfgzh.png" alt=""></div>
      </template>
      <div slot="reference" class="right-icon">
        <img class="tubiao" src="../assets/images/erweima.png" alt="">
        <div class="right-icon-title">官方微信</div>
      </div>
    </el-popover>

  </div>
</template>

<script>
export default {
  name: "AntFooter",
  props: {},
  data() {
    return {
      showDialog: false, // 控制弹窗是否显示
    };
  },
  components: {
    // 第三方组件实例化
  },
  computed: {},
  methods: {
    // 方法
    go(e){
      window.open(e, "_blank");
    },
    antClick(e) {
      console.log(e);
    },
    kefu(){
      var e = 'https://lut.zoosnet.net/LR/Chatpre.aspx?id=LUT67223787&cid=02c29dcdec0b410793c24827a06537fd&lng=cn&sid=587f88e75bb848d49b17fcfecaac2137&p=http%3A//localhost%3A3333/%23/&rf1=&rf2=&msg=&d=1627349509574';
      window.open(e, "_blank");
    }
  },
  mounted() {},
};
</script>

<style>
.box-right{
  position:fixed;
  top:20%;
  right: 0px;
  z-index: 99;
}
.right-icon{
  background-color:#086eca;width:80px;height:80px;border-radius: 5px;margin:10px;color: #ffffff;cursor:pointer
}
.tubiao{width:40px;margin-top: 10px}
.right-icon-title{font-size:14px;}
.ewmxz{
  width:150px;height:150px
}
</style>
